// 主题色
$theme-color: var(--theme-color);
// 主题色渐变
$theme-color-gd: var(--theme-color-gd);
// 辅助色
$theme-red: var(--theme-red);
$theme-green: var(--theme-green);
$theme-yellow: var(--theme-yellow);	
$theme-grey: var(--theme-grey);	
// 背景色
$theme-bg-white1: var(--theme-bg-white1);	
$theme-bg-white2: var(--theme-bg-white2);	
$theme-bg-white3: var(--theme-bg-white3);	
$theme-bg-white4: var(--theme-bg-white4);	
$theme-bg-white5: var(--theme-bg-white5);	
$theme-bg-black1: var(--theme-bg-black1);	
// 文本色
$theme-text1: var(--theme-text1);	
$theme-text2: var(--theme-text2);	
$theme-text3: var(--theme-text3);	
$theme-text4: var(--theme-text4);	
$theme-text5: var(--theme-text5);	
$theme-text6: var(--theme-text6);	
$theme-text7: var(--theme-text7);	
// 边框色
$theme-border1: var(--theme-border1);	
$theme-border2: var(--theme-border2);	
$theme-border3: var(--theme-border3);	
$theme-border4: var(--theme-border4);	
// 阴影色
$theme-shadow1: var(--theme-shadow1);	
$theme-shadow2: var(--theme-shadow2);	
// 滚动条
$theme-scroll-bg: var(--theme-scroll-bg);
$theme-scroll-btn: var(--theme-scroll-btn);






@mixin n-scrollbar($size: 7px,$bg:$theme-scroll-bg,$hoverColor: $theme-scroll-btn, $color: var(--theme-scroll-btn-opacity) ){
	&::-webkit-scrollbar {
		background: $bg;
		width: $size;
		height: $size;
	}
	
	&::-webkit-scrollbar-thumb {
		background: $color;
		border-radius: calc(#{$size} / 2);
		&:hover{
			background: $hoverColor;
		} 
	}
	
	&::-webkit-scrollbar-button {
		display: none;
	}
}




@mixin n-placeholder($color: #a1a1a1) {
 	&::-webkit-input-placeholder{
		color: $color;
	}
 }




@mixin n-shadow($bg: $theme-bg-white1 ) {
	background: $bg;
	box-shadow: 0 0 10px 1px $theme-shadow1;
}


 
 
 //超出文字点点点显示
@mixin n-textEllipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
 
 
// flex布局
@mixin n-row1 {
	display: flex;
	align-items: center;
}

@mixin n-row2 {
	display: flex;
	justify-content: center;
	align-items: center;
}

@mixin n-row3 {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

@mixin n-row4 {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

@mixin n-row5 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@mixin n-row6 {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

@mixin n-col1 {
	display: flex;
	flex-direction: column;
}

@mixin n-col2 {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

@mixin n-col3 {
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
}

@mixin n-col4 {
	display: flex;
	justify-content: space-around;
	flex-direction: column;
}

@mixin n-col5 {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

@mixin n-col6 {
	display: flex;
	justify-content: space-evenly;
	flex-direction: column;
}


// 绝对定位布局
@mixin n-center {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}




